<!--
 * @Author: 陈伟 chenwei@duoliheng.com
 * @Date: 2022-11-07 09:58:34
 * @LastEditors: 陈伟 chenwei@duoliheng.com
 * @LastEditTime: 2022-11-22 11:43:36
 * @FilePath: \cool.front\src\views\orderCenter\batchDispath\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <!-- 批量派单 -->
  <div class="app-page">
    <el-tabs
      ref="batchDispathTab"
      v-model="activeTabName"
      type="card"
      @tab-click="handleClickTab"
    >
      <el-tab-pane v-if="$hasTabPermission(40301)" label="智能派单" name="batchDispathList">
        <batchDispathList ref="batchDispathList" />
      </el-tab-pane>
      <el-tab-pane v-if="$hasTabPermission(40302)" label="派单记录" name="batchDispathRecord">
        <batchDispathRecord ref="batchDispathRecord" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import batchDispathList from './batchDispathList'
  import batchDispathRecord from './batchDispathRecord'
  export default {
    name: 'batchDispath',
    components: {
      batchDispathList, batchDispathRecord
    },
    data() {
      return {
        activeTabName: 'batchDispathList'
      }
    },
    computed: {

    },
    async created() {
    },
    mounted() {
      this.activeTabName = this.$refs.batchDispathTab.panes.length ? this.$refs.batchDispathTab.panes[0].name : ''
    },
    methods: {
      handleClickTab(tab) {
      }
    }
  }
</script>

<style lang="scss" scoped>
.app-page {
  padding: 0;
  margin: 0;
  /deep/.el-tabs__header {
    margin: 0 0 10px;
  }
}
</style>
